.monitoring-overview {
  padding: 16px;
}

.stats-row {
  margin-bottom: 24px;
}

.stats-row .ant-card {
  height: 100%;
}

.stats-row .ant-statistic-title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}

.stats-row .ant-statistic-content {
  font-size: 24px;
  font-weight: bold;
}

.sub-stats {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}

.chart-row {
  margin-bottom: 24px;
}

.chart-row .ant-card {
  height: 100%;
}

.chart-row .ant-card-head {
  border-bottom: 1px solid var(--border-color);
}

.chart-row .ant-card-head-title {
  font-size: 16px;
  font-weight: 500;
}

.table-card {
  margin-bottom: 24px;
}

.table-card .ant-card-head {
  border-bottom: 1px solid var(--border-color);
}

.table-card .ant-card-head-title {
  font-size: 16px;
  font-weight: 500;
}

/* 图表容器样式 */
.ant-card-body {
  padding: 24px;
  padding-top: 44px;
}

.chart-container {
  height: 300px;
}

/* 进度条样式 */
.ant-progress {
  margin-top: 8px;
}

/* 响应式布局 */
@media (max-width: 768px) {
  .monitoring-overview {
    padding: 12px;
  }

  .stats-row .ant-col {
    margin-bottom: 16px;
  }

  .chart-row .ant-col {
    margin-bottom: 16px;
  }

  .ant-card-body {
    padding: 16px;
  }
} 